<script setup lang="ts">
/**
 * 骨架结构
 *
 */

</script>

<template>
  <el-container class="Contents_body">
    <el-header class="Contents_mt-1">
      <slot name="inputComp"></slot>
    </el-header>
    <el-header class="Contents_mt-2"
               :style="{
                  borderRadius: `var(--el-border-radius-base)`,
                  boxShadow: 'var(el-box-shadow-dark)',
                }"
               >
      <slot name="dataShow"></slot>
    </el-header>
  </el-container>
</template>

<style scoped>
.Contents_body {
  height: 100%;
  width: 100%;
  /*background-color: #656a92;*/
  border-radius: 7px 7px 7px 7px;
}

.Contents_mt-1 {
  display: flex;
  padding: 0 90px 0 90px;
  width: 100%;
  height: 10%;
}

.Contents_mt-2 {
  display: flex;
  width: 100%;
  height: 90%;
  justify-content: center;
  padding: 10px 0 10px 0;
  background-color: #545c64;
  border-radius: var(--el-card-border-radius);
  border: 2px solid var(--el-card-border-color);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);

}

</style>